<template>
  <div class="btn">
    <button @click="Btn">{{ text }}</button>
  </div>
</template>

<script>
export default {
  props: ["text", "fy"],
  methods: {
    Btn() {
      // console.log(123);
      if (!this.fy) {
        this.$dialog.alert({ message: "请先勾选霸王条约！" });
        return;
      }
      this.$emit("Btn");
    }
  }
};
</script>

<style lang="less" scoped>
.btn {
  margin: 20.002px;
  text-align: center;
  // background-color: yellow;

  //   padding: 10.001px;

  button {
    font-size: 12px;

    width: 150px;
    height: 36px;
    border-radius: 15px;
    border: none;
    outline: none;
    // color: #eee;
    background-color: #fff;
    border: 2px #eee solid;
    color: red;
    // transition: width 0.5s;
    // background: rgba(255, 255, 255);
  }
  // button:hover {
  //   width: 100px;
  //   height: 30px;
  //   background-color: red;
  //   color: beige;
  //   font-size: 13px;
  //   // font-weight: 700;
  // }
}
</style>
